<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Modeling</title>
{:importCSS("template.css|style.css|person.css|person-cer.css|font.css")}
{:importJS("jquery.min.js|input.js|signup.js")}
</head>
<body>
<include file="public:header" />
<div class="main center clearfix">
	<div class="leftbox">
    	<include file="userleftinfo" />
        <div class="clear"></div>
        <include file="usermenu" />
	</div>
    <form method=post>
    <table class="rightbox">
    	<tr class="name">
        	<td class="title">{:L('PERSON_REAL_NAME')} :</td>
            <td><input type="text" id="name" name="realname" value="" onfocus="setStyleOne(this.id)" onblur="setStyleTwo(this.id)"/></td>
        </tr>
        <tr class="cre">
        	<td class="title">{:L('PERSON_CREDENTIALS_TYPE')} :</td>
            <td>{:L('PERSON_ID_CARD')}</td>
        </tr>
        <tr class="id">
        	<td class="title">{:L('PERSON_CREDENTIALS_ID')} :</td>
            <td><input type="text" id="id" name="id" value="" onfocus="setStyleOne(this.id)" onblur="setStyleTwo(this.id)"  onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" /></td>
        </tr>
        <tr class="pic">
        	<td class="title">{:L('PERSON_CREDENTIALS_IMAGE')} :</td>
            <td><input type="file" id="pic" name="pic" value="" onfocus="setStyleOne(this.id)" onblur="setStyleTwo(this.id)" /></td>
        </tr>
        <tr class="im">
        	<td class="title">I M :</td>
            <td><input type="text" id="im" name="im" value="" onfocus="setStyleOne(this.id)" onblur="setStyleTwo(this.id)"/></td>
        </tr>
        <tr class="info">
        	<td class="title">{:L('PERSON_INDIVIDUAL_INFO')} :</td>
            <td><textarea type="text" id="about" name="about" onfocus="setStyleOne(this.id)" onblur="setStyleTwo(this.id)"></textarea></td>
        </tr>
        <tr class="rule">
        	<td class="title">{:L('PERSON_USER_RULES')} :</td>
            <td>
            	<div class="rules">
                	<div class="choice"><img src="__ROOT__/themes/images/su-agree.png" id="checkRules"/><div class="font">{:L('PERSON_AGREE')}</div></div>
                	<a class="seerules" href="#terms.html">{:L('JOIN_READ_TERMS')}</a>
            	</div>
            	<input type="text" id="rules" name="rules" class="hide"  checked="checked"/>
            </td>
        </tr>
        <tr class="buttons">
        	<td colspan="2">
            	<a href="javascript:void(0)" onclick="$('form').submit();"><div class="button">{:L('PERSON_NEXT')}</div></a>
            </td>
        </tr>
	</table>
	<input type="hidden" name="_submit" value="1" />
    </form>
</div>
<div class="footer">

</div>
</body>
</html>
